<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网站首页</title>
    <link rel="stylesheet" href="css/headerfooter.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="css/reset.css">
    <script src="./script/main.js" type="module" id="index"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="navv">
    </div>
    <div class="head">
    </div>
    <!-- 轮播图结构 -->
    <div class="banner">
        <ul>
            <li class="show">
                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220627/LiNing-Chinese-color-pc_kv.jpg" />
            </li>
            <li>
                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220629/wade-10th_jh.jpg">
            </li>
            <li>
                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220702/state-of-extreme_kv.jpg">
            </li>
            <li>
                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220707/yushuai_kv.jpg">
            </li>
            <li>
                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/BADFIVE-ShangHai_kv.jpg">
            </li>
            <!-- <li>
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220627/LiNing-Chinese-color-pc_kv.jpg" />
                </li> -->
        </ul>
        <a href="javascript:;" class="left-arrow">&lt;</a>
        <a href="javascript:;" class="right-arrow">&gt;</a>
    </div>
    <!-- 内容区 -->
    <div class="connect">
        <!-- 版心 -->
        <div class="wrapper">
            <!-- 尖货发售title -->
            <div class="title-jh">
                <div class="inner">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20211229/New-trend-wind-vane-pc1_03_01.jpg" alt="">

                </div>
            </div>
            <!-- 尖货发售 -->
            <div class="outer">
                <div class="jh-box">
                    <ul>
                        <li class="show">
                            <img alt="" src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/sharpGoods_02.png">
                            <a href="list.html"></a>
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220625/cq19_jh.png" alt="">
                            <a href="list.html"></a>
                        </li>
                        <li>
                            <img alt="" src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/boot_jh.png">
                            <a href="list.html"></a>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 礼券中心 -->
            <div class="lq">
                <ul>
                    <li>
                        <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/Modern-summer-pc_02.jpg" alt="">
                        <a href="list.html"></a>
                    </li>
                    <li>
                        <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220706/Cool-summer-pc_01.jpg" alt="">
                        <a href="list.html"></a>
                    </li>
                    <li>
                        <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220701/Time-limited-pc2.jpg" alt="">
                        <a href="list.html"></a>
                    </li>
                    <li>
                        <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220707/Cool-summer-pc.jpg" alt="">
                        <a href="list.html"></a>
                    </li>
                    <li>
                        <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220624/Summer-new-pc_04.jpg" alt="">
                        <a href="list.html"></a>
                    </li>
                    <li>
                        <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/Modern-summer-pc_04.jpg" alt="">
                        <a href="list.html"></a>
                    </li>
                    <!-- 肖战 -->
                    <li>
                        <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/Colorful-summer-pc_05.jpg" alt="">
                        <a href="list.html"></a>
                    </li>
                </ul>
            </div>
            <div class="lqq"></div>
            <!-- 摩登 -->
            <div class="title-jh">
                <div class="inner">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20211229/New-trend-wind-vane-pc1_03_01.jpg" alt="">
                </div>
                <!-- 摩登轮播 -->
                <div class="outer">
                    <div class="jh-box">
                        <ul>
                            <li>
                                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/new-model_05.png">
                            </li>
                            <li>
                                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/new-model_07.png">
                            </li>
                            <li>
                                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/new-model_12.png">
                            </li>
                            <!-- <li>
                             <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/new-model_05.png">
                            </li> -->
                        </ul>
                    </div>
                    <!-- <a href="javascript:;" class="jh-left">&lt;</a>
                    <a href="javascript:;" class="jh-right">&gt;</a> -->
                </div>
            </div>
            <!-- 运动装备 -->
            <div class="title-jh">
                <div class="inner">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220624/Summer-new-pc1_08.jpg" alt="">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/Modern-summer-pc_08.jpg" alt="">
                </div>
            </div>
            <!-- 尖货发售title -->
            <div class="title-jh">
                <div class="inner">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20211229/New-trend-wind-vane-pc1_03_01.jpg" alt="">
                </div>
            </div>
            <!-- 尖货发售 -->
            <div class="outer">
                <div class="jh-box">
                    <ul>
                        <li class="show">
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/jx_03.png">
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/jx_01.png">
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/jx_06.png">
                        </li>
                        <!-- <li>
                                        <img alt="" src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/sharpGoods_02.png">
                                    </li> -->
                    </ul>
                </div>
                <!-- 左右箭头 -->
                <!-- <a href="javascript:;" class="jh-left">&lt;</a>
                            <a href="javascript:;" class="jh-right">&gt;</a> -->
            </div>
            <!-- 尖货发售title -->
            <div class="title-jh">
                <div class="inner">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20211229/New-trend-wind-vane-pc1_03_01.jpg" alt="">
                </div>
            </div>
            <!-- video -->
            <div class="video">
                <video muted="" controls="" name="media" poster="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220614/bengsi_video.jpg">
                    <source src="https://bizmid-material-online-1302115263.file.myqcloud.com/persist/jytxo1ivmy5t/jytxo1ivmy5t-WDP-%E6%9D%8E%E5%AE%81%E4%A8%BB%E4%B8%9D%E7%A7%91%E6%8A%80%E8%A7%86%E9%A2%91_HD.mp4" type="video/mp4">
                  </video>
                </video>
            </div>
            <!-- video撑大的盒子 -->
            <div class="vvideo"></div>
            <!-- 尖货发售 -->
            <div class="outer">
                <div class="jh-box">
                    <ul>
                        <li class="show">
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/tech1_03.png" alt="">
                        </li>
                        <li><img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/tech1_04.png" alt="">
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/tech1_01.png" alt="">
                        </li>
                        <!-- <li>
                        <img alt="" src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220620/sharpGoods_02.png">
                    </li> -->
                    </ul>
                </div>
                <!-- 左右箭头 -->
                <!-- <a href="javascript:;" class="jh-left">&lt;</a>
            <a href="javascript:;" class="jh-right">&gt;</a> -->
            </div>
            <!-- 尖货发售title -->
            <div class="title-jh">
                <div class="inner">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20211229/New-trend-wind-vane-pc1_03_01.jpg" alt="">
                </div>
            </div>
            <!-- video -->
            <div class="video">
                <video muted="" controls="" name="media" poster="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220328/tech-clothes_video.jpg">
                    <source src="https://bizmid-material-online-1302115263.file.myqcloud.com/persist/i3ukwtq4jpbm/i3ukwtq4jpbm-%E6%9D%8E%E5%AE%81AT%20DRY%20ULTRA%E6%88%90%E7%89%87%EF%BC%88%E9%AB%98%E6%B8%85%EF%BC%89.mp4" type="video/mp4">
                  </video>
                </video>

            </div>
            <!-- video撑大的盒子 -->
            <div class="vvideo"></div>
            <!-- 尖货发售 -->
            <div class="outer">
                <div class="jh-box">
                    <ul>
                        <li class="show">
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220706/tech_01.png" alt="">
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220706/tech_02.png" alt="">
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220706/tech_03.png" alt="">
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 篮球系列 -->
            <div class="title-jh-lq">
                <div class="inner">
                    <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220706/New-Year-begins-pc_14.jpg" alt="">

                </div>
            </div>
            <!-- tab选项卡 -->
            <div class="tabb">
                tab选项卡
            </div>
            <div class="tab">
                <div class="tab_title">
                    <span class="active">鞋品</span>
                    <span>服饰</span>
                    <span>配件</span>
                </div>
                <div class="tab_content">
                    <ul>
                        <li class="show">
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/CF-tab_01.png" alt="">
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/CF-tab_02.png" alt="">
                        </li>
                        <li>
                            <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220705/CF-tab_03.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 数据渲染 蔡同学 -->
            <div class="box">
                <div class="lb">渲染</div>
                <ul class="list">
                </ul>
            </div>

            <div class="f3">
                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20211229/New-trend-wind-vane-pc1_03_01.jpg" alt="" style="position:relative;left: -380px;margin-top: 10px">
                <img src="https://mlining-1302115263.file.myqcloud.com/postsystem/docroot/images/cps/zyx/20220706/618-Carnival-shopping-lower_15.jpg" alt="" style="position:relative;left: -380px;">
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="foot"></div>
</body>

</html>